<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test2</title>
    <style type="text/css">
        /*p{ color: #12dc16; font-size: 28px}*/
        /*#div2 {color: crimson; font-size: 30px;}*/
        /*.p1{ color: chartreuse; font-size: 10px}*/
        div{ color: crimson; }
        .p2{ color: chartreuse; }
        #p1{ color: darkorchid}
        a:link{ color: greenyellow }
        a:hover{ color: darkorchid }
        a:active{ color: darkblue }
        a:visited{ color: dimgray }
    </style>
</head>
<body>
    <!--<p>Hello World!</p>-->
    <div id="p1" class="p2">
        <!--<p class="p1">Hello wang!</p>-->
        hello!hello!hello!hello!
    </div>

    <a href="http://www.baidu.com">baidu</a>
    <a href="http://www.baidu.co123132m">baid12323331u</a>
    <a href="http://www.baidu.co123123m">bai1232221du</a>
    <a href="http://www.baidu.co123123m">bai123du</a>
    <a href="http://www.baidu.co123m">baidu333</a>
</body>
</html>